<script>
$(document).ready(function(){
  $(&quot;.img&quot;).click(function(){
    $(&quot;.mr&quot;).toggle(500);
  });
  $(&quot;#bottom&quot;).click(function(){
    $(&quot;.font&quot;).slideToggle(500);
  });
  $(&quot;#bottom1&quot;).click(function(){
    $(&quot;.font&quot;).slideToggle(500);
  });
  $(&quot;.ftr&quot;).click(function(){
    $(&quot;#footer&quot;).slideToggle(500);
  });
$(&quot;button&quot;).click(function(){
$(&quot;.mr1&quot;).slideToggle(1000);
});
    $(&quot;.background90&quot;).click(function(){
$(&quot;.backgrounds&quot;).slideToggle(1000);
});
    $(&quot;.background4&quot;).click(function(){
$(&quot;.backgrounds&quot;).slideToggle(1000);
});
$(&quot;.mohamed&quot;).click(function(){
$(&quot;.gsc-control-cse&quot;).slideToggle(1000);
});
$(&quot;.fonttoggle&quot;).click(function(){
$(&quot;.fontfont&quot;).slideToggle(1000);
});
$(&quot;#bottom2&quot;).click(function(){
$(&quot;.fontfont&quot;).slideToggle(1000);
});
$(&quot;.colortoggle&quot;).click(function(){
$(&quot;.colors&quot;).slideToggle(1000);
});
  $(&quot;button&quot;).click(function(){
    $(&quot;.img1&quot;).toggleClass(&quot;img2&quot;);
  });
  $(&quot;.righttl&quot;).click(function(){
    $(&quot;.top2&quot;).toggleClass(&quot;top1&quot;);
    $(&quot;.logo&quot;).toggleClass(&quot;logo1&quot;);
    $(&quot;.ads&quot;).toggleClass(&quot;ads1&quot;);
    $(&quot;.sidebar-warppar&quot;).toggleClass(&quot;sidebar-warppar1&quot;);
    $(&quot;.main-warppar&quot;).toggleClass(&quot;main-warppar1&quot;);
    $(&quot;.m2&quot;).toggleClass(&quot;m1&quot;);
    $(&quot;body&quot;).toggleClass(&quot;body1&quot;);
    $(&quot;.topleft&quot;).toggleClass(&quot;topleft1&quot;);
    $(&quot;.img&quot;).toggleClass(&quot;img31&quot;);
    $(&quot;.readmore&quot;).toggleClass(&quot;readmore1&quot;);
    $(&quot;.post-body&quot;).toggleClass(&quot;post-body1&quot;);
    $(&quot;.rtleft&quot;).toggleClass(&quot;rtleft1&quot;);
  });
  $(&quot;.mohamed&quot;).click(function(){
    $(&quot;.mohamed&quot;).toggleClass(&quot;mohamed1&quot;);
  });
  $(&quot;button&quot;).click(function(){
    $(&quot;.img&quot;).toggleClass(&quot;img3&quot;);
  });
  $(&quot;input&quot;).click(function(){
    $(&quot;.ftr&quot;).toggleClass(&quot;ftr1&quot;);
  });
  $(&quot;#fonts&quot;).click(function(){
    $(&quot;body&quot;).css(&quot;font-family&quot;,&quot;tahoma&quot;);
  });

  $(&quot;#fonts1&quot;).click(function(){
    $(&quot;body&quot;).css(&quot;font-family&quot;,&quot;GESSTwoMediumRegular&quot;);
  });
  $(&quot;#fonts2&quot;).click(function(){
    $(&quot;body&quot;).css(&quot;font-family&quot;,&quot;iliass&quot;);
  });
  $(&quot;#fonts3&quot;).click(function(){
    $(&quot;body&quot;).css(&quot;font-family&quot;,&quot;Thabit&quot;);
  });
  $(&quot;.background&quot;).click(function(){
    $(&quot;body&quot;).css({&quot;background&quot;:&quot;url(http://subtlepatterns.com/patterns/brushed.png)&quot;});
  });
  $(&quot;.background1&quot;).click(function(){
    $(&quot;body&quot;).css({&quot;background&quot;:&quot;url(http://subtlepatterns.com/patterns/congruent_outline.png)&quot;});
  });
  $(&quot;.background2&quot;).click(function(){
    $(&quot;body&quot;).css({&quot;background&quot;:&quot;url(http://subtlepatterns.com/patterns/grey_wash_wall.png)&quot;});
  });
  $(&quot;.background3&quot;).click(function(){
    $(&quot;body&quot;).css({&quot;background&quot;:&quot;url(http://subtlepatterns.com/patterns/crossword.png)&quot;});
  });
});
</script>
<script>
$(document).ready(function(){
  $(&quot;.color&quot;).click(function(){
    $(&quot;.sidebar-warppar&quot;).css({&quot;color&quot;:&quot;white&quot;,&quot;background&quot;:&quot;#9B0000&quot;});
    $(&quot;.sidebar-warppar h2&quot;).css({&quot;background&quot;:&quot;red&quot;,&quot;border-bottom-color&quot;:&quot;#CE0000&quot;});
    $(&quot;.post-body&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.readmorea&quot;).css({&quot;background&quot;:&quot;red&quot;,&quot;box-shadow&quot;:&quot;0px 0px 0px 2px #CE0000&quot;});
    $(&quot;.m ul li a&quot;).css({&quot;border-left-color&quot;:&quot;#000&quot;});
    $(&quot;.m2&quot;).css({&quot;border-left-color&quot;:&quot;white&quot;});
    $(&quot;.m&quot;).css({&quot;background&quot;:&quot;red&quot;,&quot;border-bottom-color&quot;:&quot;#CE0000&quot;,&quot;border-top-color&quot;:&quot;#CE0000&quot;});
    $(&quot;.post&quot;).css({&quot;background&quot;:&quot;#9B0000&quot;});
    $(&quot;.post-footer&quot;).css({&quot;border-bottom-color&quot;:&quot;#CE0000&quot;,&quot;background&quot;:&quot;red&quot;});
    $(&quot;.post-title a&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;h3.post-title.entry-title&quot;).css({&quot;border-bottom-color&quot;:&quot;#CE0000&quot;,&quot;background&quot;:&quot;red&quot;});
    $(&quot;.fontfont&quot;).css({&quot;background&quot;:&quot;red&quot;});
    $(&quot;.item-content&quot;).css({&quot;border-bottom-color&quot;:&quot;#CE0000&quot;});
    $(&quot;#header&quot;).css({&quot;background&quot;:&quot;red&quot;});
    $(&quot;#footer-wrapper&quot;).css({&quot;background&quot;:&quot;red&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-top-color&quot;:&quot;#CE0000&quot;});
    $(&quot;#copy&quot;).css({&quot;background&quot;:&quot;#C40000&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-top-color&quot;:&quot;#A30000&quot;});
    $(&quot;.top&quot;).css({&quot;background&quot;:&quot;red&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-bottom-color&quot;:&quot;#CE0000&quot;});
    $(&quot;a&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;button&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.backgrounds&quot;).css({&quot;background&quot;:&quot;red&quot;});
    $(&quot;.font&quot;).css({&quot;background&quot;:&quot;red&quot;});
    $(&quot;#bottom&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.ftr&quot;).css({&quot;background-color&quot;:&quot;red&quot;});
    $(&quot;.m ul li .home&quot;).css({&quot;background-color&quot;:&quot;red&quot;});
    $(&quot;.colors&quot;).css({&quot;background-color&quot;:&quot;red&quot;});
  });
});
</script>
<script>
$(document).ready(function(){
  $(&quot;.color1&quot;).click(function(){
    $(&quot;.sidebar-warppar&quot;).css({&quot;color&quot;:&quot;white&quot;,&quot;background&quot;:&quot;rgb(0, 70, 0)&quot;});
    $(&quot;.sidebar-warppar h2&quot;).css({&quot;background&quot;:&quot;green&quot;,&quot;border-bottom-color&quot;:&quot;#42CE00&quot;});
    $(&quot;.post-body&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.readmorea&quot;).css({&quot;background&quot;:&quot;green&quot;,&quot;box-shadow&quot;:&quot;0px 0px 0px 2px #42CE00&quot;});
    $(&quot;.m ul li a&quot;).css({&quot;border-left-color&quot;:&quot;#000&quot;});
    $(&quot;.m2&quot;).css({&quot;border-left-color&quot;:&quot;white&quot;});
    $(&quot;.m&quot;).css({&quot;background&quot;:&quot;green&quot;,&quot;border-bottom-color&quot;:&quot;#42CE00&quot;,&quot;border-top-color&quot;:&quot;#42CE00&quot;});
    $(&quot;.post&quot;).css({&quot;background&quot;:&quot;rgb(0, 70, 0)&quot;});
    $(&quot;.post-footer&quot;).css({&quot;border-bottom-color&quot;:&quot;#42CE00&quot;,&quot;background&quot;:&quot;green&quot;});
    $(&quot;.post-title a&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;h3.post-title.entry-title&quot;).css({&quot;border-bottom-color&quot;:&quot;#42CE00&quot;,&quot;background&quot;:&quot;green&quot;});
    $(&quot;.fontfont&quot;).css({&quot;background&quot;:&quot;green&quot;});
    $(&quot;.item-content&quot;).css({&quot;border-bottom-color&quot;:&quot;#42CE00&quot;});
    $(&quot;#header&quot;).css({&quot;background&quot;:&quot;green&quot;});
    $(&quot;#footer-wrapper&quot;).css({&quot;background&quot;:&quot;green&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-top-color&quot;:&quot;#42CE00&quot;});
    $(&quot;#copy&quot;).css({&quot;background&quot;:&quot;#00661D&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-top-color&quot;:&quot;#42CE00&quot;});
    $(&quot;.top&quot;).css({&quot;background&quot;:&quot;green&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-bottom-color&quot;:&quot;#42CE00&quot;});
    $(&quot;a&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;button&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.backgrounds&quot;).css({&quot;background&quot;:&quot;green&quot;});
    $(&quot;.font&quot;).css({&quot;background&quot;:&quot;green&quot;});
    $(&quot;#bottom&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.ftr&quot;).css({&quot;background-color&quot;:&quot;green&quot;});
    $(&quot;.m ul li .home&quot;).css({&quot;background-color&quot;:&quot;green&quot;});
    $(&quot;.colors&quot;).css({&quot;background-color&quot;:&quot;green&quot;});
  });
});
</script>
<script>
$(document).ready(function(){
  $(&quot;.color2&quot;).click(function(){
    $(&quot;.sidebar-warppar&quot;).css({&quot;color&quot;:&quot;white&quot;,&quot;background&quot;:&quot;#FFBC3C&quot;});
    $(&quot;.sidebar-warppar h2&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;,&quot;border-bottom-color&quot;:&quot;#B87600&quot;});
    $(&quot;.post-body&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.readmorea&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;,&quot;box-shadow&quot;:&quot;0px 0px 0px 2px #B87600&quot;});
    $(&quot;.m ul li a&quot;).css({&quot;border-left-color&quot;:&quot;#000&quot;});
    $(&quot;.m2&quot;).css({&quot;border-left-color&quot;:&quot;white&quot;});
    $(&quot;.m&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;,&quot;border-bottom-color&quot;:&quot;#B87600&quot;,&quot;border-top-color&quot;:&quot;#B87600&quot;});
    $(&quot;.post&quot;).css({&quot;background&quot;:&quot;#FFBC3C&quot;});
    $(&quot;.post-footer&quot;).css({&quot;border-bottom-color&quot;:&quot;#B87600&quot;,&quot;background&quot;:&quot;#ffa800&quot;});
    $(&quot;.post-title a&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;h3.post-title.entry-title&quot;).css({&quot;border-bottom-color&quot;:&quot;#B87600&quot;,&quot;background&quot;:&quot;#ffa800&quot;});
    $(&quot;.fontfont&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;});
    $(&quot;.item-content&quot;).css({&quot;border-bottom-color&quot;:&quot;#B87600&quot;});
    $(&quot;#header&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;});
    $(&quot;#footer-wrapper&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-top-color&quot;:&quot;#B87600&quot;});
    $(&quot;#copy&quot;).css({&quot;background&quot;:&quot;#D88E00&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-top-color&quot;:&quot;#FFC961&quot;});
    $(&quot;.top&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;,&quot;color&quot;:&quot;white&quot;,&quot;border-bottom-color&quot;:&quot;#B87600&quot;});
    $(&quot;a&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;button&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.backgrounds&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;});
    $(&quot;.font&quot;).css({&quot;background&quot;:&quot;#ffa800&quot;});
    $(&quot;#bottom&quot;).css({&quot;color&quot;:&quot;white&quot;});
    $(&quot;.ftr&quot;).css({&quot;background-color&quot;:&quot;#ffa800&quot;});
    $(&quot;.m ul li .home&quot;).css({&quot;background-color&quot;:&quot;#ffa800&quot;});
    $(&quot;.colors&quot;).css({&quot;background-color&quot;:&quot;#ffa800&quot;});
  });
});
</script>
